
import { Button, Flex, Form } from "@/components/base";
import { useNavigate } from "react-router-dom";
import * as UI from "../../ui";
import * as hooks from "./hooks";

export function MakeDetails() {
    
    const navigate = useNavigate();
    const [form] = Form.useForm();
    const { id } = hooks.useSearchId();
    hooks.useOrderDetails(id, form);

    return (
        <Form form={form} layout='vertical' >
            <Flex justify='flex-end' gap={10} align='center' style={{ marginBottom: 20 }} >
                <Button onClick={() => { navigate(-1) }} >返回</Button>
            </Flex>
            <UI.FormItem  readOnly />
        </Form>
    )
}
